<template>
 <div>
  <input :value="msg" type="text">
  用户名:<input v-model="username" type="text"><br>

  自我介绍:
  <textarea v-model="intro" name="" id="" cols="30" rows="10"></textarea><br>

  来自于:
  <select v-model="from">
    <option value="wh">武汉</option>
    <option value="bj">北京</option>
    <option value="sz">深圳</option>
    <option value="sh">上海</option>
    <option value="cd">成都</option>


  </select>
  <br>

兴趣爱好:
  <input v-model="hobby" value="smoking" type="checkbox">抽烟
  <input v-model="hobby" value="drink" type="checkbox">喝酒
  <input v-model="hobby" value="hotHead" type="checkbox">烫头
  <br>
  全选<input v-model="isAll" type="text">

  <!-- 小结:在checkbox上使用v-model时,分两种情况
  1.绑定的数据是数组类型时,绑定就是value属性
  2.绑定的数据是非数组类型时,其实就是BOOlean值,绑定的是checked属性 -->

 </div>
</template>
<script>
export default {
 data() {
 return {
  username:'hello',
  intro:'',
  from:'',
  hobby:[],
  isAll:true
 }
 },
 methods:{
 },
}
</script>
<style lang="less" scoped>

</style>
